<template>
  <div class="professional-table">
    <table border>
      <tr>
        <th>
          <div class="item-name">项目名称</div>
          <div class="medic-name">医生姓名</div>
        </th>
        <th>项目2</th>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
      </tr>
    </table>

  </div>
</template>

<script>
export default {
  name: '',
}
</script>

<style lang="scss" scoped>
.professional-table {
  table {
    tr:first-of-type {
      th:first-of-type {
        background: red;
        overflow: hidden;
        padding: 0;

        div {
          background: green;
        }

        .item-name {
          // padding: 10px;
          transform: rotate(45deg);
        }
      }
    }

    tr {
      th {
        padding: 10px;
      }
    }

    tr {
      td {
        padding: 10px;
      }
    }
  }
}
</style>
